<?php
require_once '../../session.php';
?>
<script type="text/javascript">
    $(document).ready(function() {
        $("#nombre").focus();
        getClientes();
    });
    
    $("#agregarProveedor").click(function() {
        var parametros = {
            "accion" :  "agregarCliente",
            "nombre" :  $("#nombre").val()
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/clienteControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#resultadoNombre").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#resultado").html(respuesta);
            }
        });
    });
    
    function getClientes() {
        var parametros = {
            "accion" :  "getClientesExistentes"
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/clienteControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#clientesExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#clientesExistentes").html(respuesta);
            }
        });
    }
</script>

<h4>Alta de Clientes</h4>
<p>
<label>Nombre:</label>
<input type="text" id="nombre" maxlength="100" style="float: left;" />
<div id="resultadoNombre"></div>
</p>
<p style="clear: both;">
    <input type="button" id="agregarProveedor" value="Agregar" class="btn btn-success" />
</p>
<br /><br />
<h4>Clientes Existentes</h4>
<div id="clientesExistentes"></div>
<div id="resultado"></div>